.base-main {
  padding: 1rem;
  padding-bottom: 0;
  .base-container {
    transform-style: preserve-3d;
    perspective: 5000px;
    margin-left: 11rem;
    padding-left: 1rem;
    overflow: hidden;
    .page-title {
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-size: 1.5rem;
      font-weight: lighter;
      color: #888888;
      .breadcrumb-content {
        cursor: pointer;
      }
      
      .breadcrumb-att:nth-last-child(1) {
        display: none;
      }
    }
  } 
}

@media(max-width: 578px) {
  .base-main {
    padding-left: 1rem;
    .base-container {
      margin-left: 0px;
      padding-left: 0rem;
      .page-title {
        display: none;
      }
    }
  }
}

// 过度
//进入时间段
.base-route-enter-active {
  // transform-origin: 50% 0;
  transition: all .25s ease-in-out .25s;
}
//离开时间段
.base-route-leave-active{
  // transform-origin: 50% 0;
  transition: all 0.25s ease-in-out;
}

.base-route-enter/* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
  transform: translate3d(5vw,0,0);
}

.base-route-leave-to {
  opacity: 0;
  transform: translate3d(5vw,0,0);
}